<template>
<!--    <el-row style="margin: 20px; background-color: white;box-shadow: 0px 0px 10px 0px rgba(55,64,94,0.3);" class="tabs">-->
<!--        <el-tabs type="card">-->
<!--          <el-tab-pane label="本地上传">-->
<!--            <com-loacl></com-loacl>-->
<!--          </el-tab-pane>-->
<!--          <el-tab-pane label="FTP获取">-->
<!--            <com-f-t-p></com-f-t-p>-->
<!--          </el-tab-pane>-->
<!--          <el-tab-pane label="FTP平台配置">-->
<!--            <com-f-t-p-config></com-f-t-p-config>-->
<!--          </el-tab-pane>-->
<!--        </el-tabs>-->
<!--    </el-row>-->

    <el-row style="padding: 10px 20px;" class="tabs">
        <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom:10px;">
          <el-breadcrumb-item><img style="width: 16px;vertical-align: middle;margin-right: 5px" src="@/assets/indexPage/location.png"/> 数据资源</el-breadcrumb-item>
          <el-breadcrumb-item>数据采集</el-breadcrumb-item>
          <el-breadcrumb-item>
            <span style="font-weight:600;">
               {{ activeName }}
            </span>
          </el-breadcrumb-item>
        </el-breadcrumb>
        <el-tabs type="border-card" v-model="activeName">
          <el-tab-pane label="本地上传" name="本地上传">
            <com-loacl></com-loacl>
          </el-tab-pane>
          <el-tab-pane label="FTP获取" name="FTP获取">
            <com-f-t-p></com-f-t-p>
          </el-tab-pane>
        </el-tabs>
    </el-row>
</template>

<script>
  import comLoacl from "./local"
  import comFTP from "./FTP"
  export default {
    name: "index",
    data() {
      return {
        activeName: "本地上传"
      }
    },
    components: {
      comLoacl,
      comFTP
    }
  }
</script>

<style lang="scss">
  .tabs{
    .is-active{
      box-shadow: 0px 0px 10px 0px rgba(55,64,94,0.3);
    }
  }
</style>
